9
תגובות

IE8 באג: max-height לא עובד עם overflow:auto/scroll, יש למישהו פיתרון?

פתח iiddaannyy ,
שלום לכולם.
באתר שלי יש אפשרות להוסיף מדריכים עם קוד, את הקוד אני מציג בצורה אחרת משאר הטקסט, כמובן, אבל נתקלתי בבעיה.

מה שעשיתי מעבר לעיצוב של התיבה של הקוד, זה לתת max-height כדי שבקרה של קוד ארוך, לא יקרה מצב שבו כל העמוד יתמלא. בנוסף הוספתי גם overflow: scroll כדי שבמקרה של קוד ארוך, יופיע scrollbar.

הבעיה היא ש-IE8 עושה בעיות עם השילוב של max-height (לא רק עם Max-height) ו-overflow, ומה שקורה זה שאת ה-max-height הוא הופך פשוט ל-height.
לדוגמה, אצלי יש max-height: 650 ו-overflow: scroll, ורק ב-IE8 הגודל של התיבה תמיד 650px, גם כשיש רק שורה אחת.

חיפשתי בגוגל וזו בעיה שקראיתי שקיימת אצל הרבה, אבל כל הפתרונות שהוצעו שם לא עזרו.

מה שמצחיק זה ש-IE7 לא עושה בעיות, רק-IE8.

9 תשובות

avatar ענה xzxxx7 ב 04 לפברואר 2012 #

נסה ככה

max-height: 650px;
*overflow: scroll;

avatar ענה iiddaannyy ב 04 לפברואר 2012 #

במקרה הזה max-height עובד, אבל ה-scroll עובד רק ב-IE7 בשאר הדפדפנים לא.

avatar ענה intval ב 04 לפברואר 2012 #

עד כמה שזכור לי יש מטה תג מסויים שגורם ל IE8 להתנהג כ IE 7
אתה יכול לנסות אותו.

avatar ענה iiddaannyy ב 04 לפברואר 2012 #

כן, מצאתי: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

אבל האמת היא שזה פתרון מאוד בעייתי ואני מעדיף דווקא להשתמש ב-js במקומו אם לא יימצא פתרון עם css.
אבל אני עדיין מחפש פתרון ב-css.

תודה בכל אופן, עוד הצעות? (:

avatar ענה iiddaannyy ב 05 לפברואר 2012 #

הצעות נוספות? (:

avatar ענה xzxxx7 ב 06 לפברואר 2012 #

תן גם min-height וגם max-height ונקווה שיעבוד :)
תראה את זה:
http://stackoverflow.com/questions/660652/ie8-css-selector
וזה:
http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer

avatar ענה iiddaannyy ב 06 לפברואר 2012 #

הקישורים שהבאת לא עוזרים.
אני יודע איך לכוון קוד שיעבוד רק עם IE8, הבעיה היא שלא מצאתי קוד שבאמת גורם לכך ש-max-height יעבוד עם overflow ב-IE8.

והעניין של ה-min-height לא עובד.


אני חושב שאני אפתור את זה עם javascript וזהו. (:

avatar ענה משתמש_106771 ב 07 לפברואר 2012 #

תנסה עם rows. כאילו:

<textarea rows="5"> הקישורים שהבאת לא עוזרים.
אני יודע איך לכוון קוד שיעבוד רק עם IE8, הבעיה היא שלא מצאתי קוד שבאמת גורם לכך ש-max-height יעבוד עם overflow ב-IE8.

והעניין של ה-min-height לא עובד.


אני חושב שאני אפתור את זה עם javascript וזהו. (:  </textarea>

avatar ענה iiddaannyy ב 07 לפברואר 2012 #

זה דיב ולא איזור טקסט.
בכל אופן, אני עדיין לא רואה איך זה עוזר אם אני שם rows ל-textarea.

לא משנה כבר סידרתי את זה עם javascript.